<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/vue.js"></script>
    <script src="js/app.js"></script>
</head>

<body id="app">
  <div class="extension-name">
    极客学院未批改作业提示插件
  </div>
  <div class="container">
    <div class="l">
      <label>间隔：<input class="time" type="number" v-model="time" disabled={{startState}}>秒</label>
      <label>价格：<input class="price" type="number" v-model="startPrice" disabled={{startState}}> - <input class="price" type="number" v-model="endPrice" disabled={{startState}}>元</label>
      <label>自动抢单：<input type="checkbox" v-model="autoGrab" checked="{{autoGrab}}"></label>{{autoGrab}}
    </div>
    <div class="r">
      <div class="">
        {{startState}}
      </div>
      <button class="btn" :class="{'btn-red': startState}" @click="getStatus(startState)">{{startState ? '停止' : '启动'}}</button>
    </div>
  </div>
  <div class="copyright" @click="hideWechat ? hideWechat=false : hideWechat=true">
    {{copyright}}<span class="caret"></span>
  </div>
  <div class="wechat" :class="{'hide': hideWechat}">
    <img src="http://www.ccydesign.com/wp-content/uploads/2016/08/Guoye微信支付.png"/>
  </div>
</body>
</html>
